{% extends "base.html" %}
{% block title %}<title>刘旭的博客</title>{% endblock %}
{% block body1 %}{% include "nav.html" %}{% endblock %}
{% block bodyside %}
<div class="sidebar-module sidebar-module-inset">
    <a href="/blogwrite">添加文章</a>
</div>
<div class="sidebar-module sidebar-module-inset">
    <h3>置顶文章</h3>
</div>
<div class="sidebar-module sidebar-module-inset" id="toptitle"></div>
{% endblock %}
{% block bodymain %}
<ul class="media-list">
    <li class="media">
        <div class="media-left">
            <a href="#">
                <img class="media-object img-circle" src="/static/images/a.png" alt="广丰">
            </a>
        </div>
        <div class="media-body">
            <h4 class="media-heading">风往北吹</h4>

            <p>爱赞了，这个插件真好用.....我看看他的评论模块好看不www.niubai.net.cn</p>

            <div class="ds-comment-footer">
                <span class="ds-time" datetime="2016-01-28T20:13:29+08:00" title="2016年1月28日 下午8:13:29">2016年1月28日</span>&nbsp;
                <a>
                    <span class="glyphicon glyphicon-comment" aria-hidden="true"></span> 回复
                </a>
            </div>
            <hr>
            <ul class="media-list">
                <li class="media">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object img-circle" src="css/img/b.png" alt="牛逼">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">网名为空</h4>

                        <p>你看看这个评论的插件如何，可以拿来作为我博客的评论伯曼吗？可以得花，我就给群主说，让他给我源码。</p>

                        <div class="ds-comment-footer">
                            <span class="ds-time" datetime="2016-01-28T20:13:29+08:00" title="2016年1月28日 下午8:13:29">2016年2月8日</span>&nbsp;
                            <a>
                                <span class="glyphicon glyphicon-comment" aria-hidden="true"></span> 回复
                            </a>
                        </div>
                    </div>
                </li>
                <hr>
                <li class="media">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object img-circle" src="css/img/b.png" alt="牛逼">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">网名为空</h4>

                        <p>你看看这个评论的插件如何，可以拿来作为我博客的评论伯曼吗？可以得花，我就给群主说，让他给我源码。</p>

                        <div class="ds-comment-footer">
                            <span class="ds-time" datetime="2016-01-28T20:13:29+08:00" title="2016年1月28日 下午8:13:29">2016年2月8日</span>&nbsp;
                            <a>
                                <span class="glyphicon glyphicon-comment" aria-hidden="true"></span> 回复
                            </a>
                        </div>
                    </div>
                </li>
            </ul>

        </div>
    </li>
    <hr>
    <li class="media">
        <div class="media-left">
            <a href="#">
                <img class="media-object img-circle" src="css/img/c.png" alt="菜鸟">
            </a>
        </div>
        <div class="media-body">
            <h4 class="media-heading">菜鸡一枚我不哭</h4>

            <p>呵呵，楼上的真搞笑，这个评论模板的插件好丑陋，简直丑爆了，我简单做的都比这个好，信不信，我分分钟肥腻做出来一个，吓屎你们这群都比</p>

            <div class="ds-comment-footer">
                <span class="ds-time" datetime="2016-01-28T20:13:29+08:00" title="2016年1月28日 下午8:13:29">2016年5月10日</span>&nbsp;
                <a>
                    <span class="glyphicon glyphicon-comment" aria-hidden="true"></span> 回复
                </a>
            </div>


        </div>
    </li>

    <hr>
    <li class="media">
        <div class="media-left">
            <a href="#">
                <img class="media-object img-circle" src="css/img/a.png" alt="广丰">
            </a>
        </div>
        <div class="media-body">
            <h4 class="media-heading">风往北吹</h4>

            <p>爱赞了，这个插件真好用.....我看看他的评论模块好看不</p>

            <div class="ds-comment-footer">
                <span class="ds-time" datetime="2016-01-28T20:13:29+08:00" title="2016年1月28日 下午8:13:29">2016年1月28日</span>&nbsp;
                <a>
                    <span class="glyphicon glyphicon-comment" aria-hidden="true"></span> 回复
                </a>
            </div>
            <hr>
            <ul class="media-list">
                <li class="media">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object img-circle" src="css/img/b.png" alt="牛逼">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">网名为空</h4>

                        <p>你看看这个评论的插件如何，可以拿来作为我博客的评论伯曼吗？可以得花，我就给群主说，让他给我源码。</p>

                        <div class="ds-comment-footer">
                            <span class="ds-time" datetime="2016-01-28T20:13:29+08:00" title="2016年1月28日 下午8:13:29">2016年2月8日</span>&nbsp;
                            <a>
                                <span class="glyphicon glyphicon-comment" aria-hidden="true"></span> 回复
                            </a>
                        </div>
                        <hr>
                        <ul class="media-list">
                            <li class="media">
                                <div class="media-left">
                                    <a href="#">
                                        <img class="media-object img-circle" src="css/img/b.png" alt="牛逼">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">网名为空</h4>

                                    <p>你看看这个评论的插件如何，可以拿来作为我博客的评论伯曼吗？可以得花，我就给群主说，让他给我源码。</p>

                                    <div class="ds-comment-footer">
                                        <span class="ds-time" datetime="2016-01-28T20:13:29+08:00" title="2016年1月28日 下午8:13:29">2016年2月8日</span>&nbsp;
                                        <a>
                                            <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
                                            回复
                                        </a>
                                    </div>

                                </div>

                            </li>
                        </ul>
                    </div>

                </li>
            </ul>

        </div>
    </li>
</ul>
{% endblock %}
{% block script %}<script>
    $(document).ready(function(){
        $.getJSON("/json/blog/list",function (data){
            var list=data.bloglist;
            var blogstr="";
            for(var i = 0;i<list.length;i++){
                blogstr=blogstr+'<a href="/blog/'+list[i].id+'">'+list[i].btitle+"</a><br>";
            }
            $('#toptitle').html(blogstr);
        });
    });
</script>{% endblock %}